﻿<%@ Page Title="Edit Article" Language="C#" MasterPageFile="~/Web/Site.Master" AutoEventWireup="true" CodeBehind="EditArticle.aspx.cs" Inherits="pwblog.Web.EditArticle" %>
<%@Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor"%>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript">
    $(document).ready(function () {
        $("#<%=tbDesciption.ClientID %>").keyup(function (event) {
            if ($(this).val().length > 50) {
                alert("Mô tả dài hơn 50 ký tự sẽ bị cắt!");
                $(this).val($(this).val().substring(0, 50));
            }
            $("#descriptionCount").html(50 - $(this).val().length);
        });
        $("#<%=tbThumbs.ClientID %>").change(function () {
            if ($("input:checked").val() == "url") {
                $("#<%=IThumb.ClientID %>").attr("src", $(this).val());
                $("#<%=lbImageLength.ClientID %>").html("");
                $("#<%=lbImageWidth.ClientID %>").html("");
                $("#<%=lbImageHeight.ClientID %>").html("");
            }
        });
        $("#<%=IThumb.ClientID %>").error(function () {
            $(this).attr("src", "/web/image/thumb_invalid.png");
        });
    });
</script>
    <asp:ValidationSummary ID="PostArticleValidationSummary" runat="server" CssClass="failureNotification" 
            ValidationGroup="PostArticleValidationGroup"/>
    <h1>Thông tin bài viết</h1>
    <hr />

    <h4>Tiêu đề bài viết:</h4>
    <asp:TextBox ID="tbNameArticle" runat="server" Width="354px"></asp:TextBox>
    <asp:RequiredFieldValidator ID="ArticleNameRequired" runat="server" ControlToValidate="tbNameArticle" 
        CssClass="failureNotification" ErrorMessage="Yêu cầu tên bài viết." ToolTip="Yêu cầu tên bài viết." 
        ValidationGroup="PostArticleValidationGroup">*</asp:RequiredFieldValidator>
    <hr/>

    <h4>Hình ảnh:</h4>
    <table style="margin-left:24px;">
        <tr>
            <td valign="top"><h5>Tải lên:</h5></td>
            <td>
                <input type="radio" value="browse" name="addimagemethod" checked="checked" />Từ máy tính: <br />
                <asp:FileUpload ID="fuThumbs" runat="server" CssClass="addimage" />
                <asp:Button ID="btnUpImage" runat="server" onclick="btnUpImage_Click" 
                        Text="Tải lên" CssClass="button"/>
                <br />
                <input type="radio" value="url" name="addimagemethod" />Từ URL:<br />
                <asp:TextBox ID="tbThumbs" runat="server" CssClass="addimage"></asp:TextBox>
            </td>
        </tr>
        <tr >
            <td valign="top"><h5>Thông tin:</h5></td>
            <td >
                <ul>
                    <li>Length:<asp:Label ID="lbImageLength" runat="server"></asp:Label> Byte(s)</li>
                    <li>Width:<asp:Label ID="lbImageWidth" runat="server"></asp:Label> Pixel(s)</li>
                    <li>Height:<asp:Label ID="lbImageHeight" runat="server" /> Pixel(s)</li>
                </ul>
            </td>
        </tr>
        <tr >
            <td valign="top"><h5>Preview:</h5></td>
            <td >
                <asp:Image ID="IThumb" runat="server" ImageUrl="/Web/Image/thumb_loading.gif"/>
            </td>
        </tr>
    </table>
    <hr />

    <h4>Chọn danh mục:</h4>
    <asp:DropDownList ID="ddlCategory" runat="server" Width="123px">
    </asp:DropDownList>
    <hr />
    
    <h4>Mô tả (nếu bạn không ghi thì mô tả sẽ được tự động cắt từ phần đầu bài viết):</h4>
    <asp:TextBox ID="tbDesciption" runat="server" TextMode="MultiLine" Width="100%"></asp:TextBox>
    Số ký tự còn lại là <span id="descriptionCount" style="font-weight:bold">50</span>
    <hr />

    <h1>Nội dung bài viết</h1>
    <hr />
    <div>
        <CKEditor:CKEditorControl ID="ckEditorArticle" runat="server"></CKEditor:CKEditorControl>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="ckEditorArticle" 
            CssClass="failureNotification" ErrorMessage="Nội dung không được bỏ trống." ToolTip="Nội dung không được bỏ trống." 
            ValidationGroup="PostArticleValidationGroup">*</asp:RequiredFieldValidator>
    </div>
    <br />
    <div>
        <asp:Button ID="btnSave" runat="server" Text="Lưu thay đổi" OnClick="btnSave_Click" CssClass="button" ValidationGroup="PostArticleValidationGroup" />
    </div>
</asp:Content>
